<template>
  <div >
    <a-modal class="common-modal1 " :centered="true" :footer="null" :visible="visible" :width="420" :maskClosable="false"  :closable = "false" >
      <div class="p-20 generate-road-loading" >
        <a-spin tip="{{$t('other.beingRoad')}}..." :spinning="visible"></a-spin>
      </div>
      <div class="generate-road-loading-cancel">
        <a-button @click="handleCancel" class="cancel">{{$t('common.cancel')}}</a-button>
      </div>
    </a-modal>
  </div>
</template>

<script setup>
import {  ref } from 'vue'
const emits = defineEmits(['ok'])
let selectedLists = ref([{a:'3333'}])
let visible = ref(false)
const open = async (val) => {
  visible.value = val
}
const handleCancel = () => {
  emits('ok', selectedLists.value)
  visible.value = false
}
defineExpose({
  open
})
</script>
